page-client-prospective {
    @function pxToVw($px) {
        @return $px/1080*100vw;
    }
    ion-header .toolbar-background-ios {
        background: linear-gradient(to right, #38b34d, #2c77bc);

    }
    ion-header {
        .toolbar {
            height: 17.59vw;
        }
        button {
            background: transparent;
            i.back {
                display: inline-block;
                width: 8.5vw;
                height: 8vw;
                background: url("../assets/images/client/client-prospective/icon_return.png");
                background-size: cover;
            }
            i.menu {
                display: inline-block;
                width: 7vw;
                height: 6.5vw;
                background: url("../assets/images/client/client-compensation/icon_menu.png");
                background-size: cover;
                margin-right: 5vw;
            }
        }
        .toolbar-title-ios {
            color: #fff;
            font-size: 4.62vw;
            letter-spacing: 0.5vw;
            font-weight: normal;
        }
    }

    .scroll-content {
        padding:3vw 3.1vw 0 3.1vw;
        background-color: #f5f5f5 !important;
    }

    .client-list-content-container {

        .search-wrapper{
            width: 100%;
            height: 17.03vw;
            display: flex;
            background-color: #f5f5f5;
            align-items: flex-end;

        }

    }

    ion-input {
        border-radius: 1vw;
        border: 0.23vw solid #e9e9e9;
    }

    ion-list.list {
        margin: 0 auto;
        width: 94vw;
    }

    .top-shadow{
        top: 0.2vw;
    }

    .upward-wrapper {
        width: 100%;
        height: 15vw;
        display: none;
        &.show {
            display: block;
        }
    }

    .fab-ios-light {
        background-color: #fff;
        width: 8.89vw;
        height: 8.89vw;
        padding: 0;

        .go-up-icon {
            width: 8.89vw;
            height: 8.89vw;
            max-width: none;
        }
    }


    ion-footer {
        //padding:2.2vw;
        .addBox {
            height:13.89vw;
            background: #fff;
            display:flex;
            align-items: center;
            .addCust {
                background: #2db566;
                text-align: center;
                color: #fff;
                height: 9.26vw;
                line-height: 9.26vw;
                width: 88.88vw;
                margin: 0 auto;
                border-radius: 1vw;
                display:flex;
                align-items: center;
                justify-content: center;
                img{
                    width:pxToVw(48);
                    margin-right:1.67vw;
                }
            }
        }

    }
    .fab-bottom-shadow-list{

        box-shadow: none;
    }
}
